<template>
	<div>
		<el-card class="!border-none pt-4" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				添加杂费
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">订单编号：</span>
						<el-input disabled placeholder="自动填充" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">名称：</span>
						<el-input placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">金额：</span>
						<el-input placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >
				<span>取消</span>
			</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">
				<span>保存</span>
			</el-button>
		</el-row>
	</div>
</template>

<script>
</script>

<style>
</style>